

<div id="box">
    <div id="f">
        <ul id="pic">
            <li>
                <a href="#"><img src="__PUBLIC__/img/20171110220747516.jpg" width="100%" height="448px"></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/2.jpg" width="100%" height="448px"></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/3.jpg" width="100%" height="448px"></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/4.jpg" width="100%" height="448px"></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/5.jpg" width="100%" height=448px"></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/6.jpg" width="100%" height="448px"></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/7.jpg" width="100%" height="448px"></a>
            </li>
        </ul>
        <div class="navbg"></div>
        <ul id="nav">
            <li id="n1"></li>
            <li id="n2"></li>
            <li id="n3"></li>
            <li id="n4"></li>
            <li id="n5"></li>
            <li id="n6"></li>
            <li id="n7"></li>
        </ul>
    </div>
</div>
<h1 id="test"></h1>
<script src="__PUBLIC__/js/flash.js" type="text/javascript"></script>


<div class="content">
    <div class="h">
        <h2>荣耀精品</h2>
    </div>
    <div class="good-list">
        <ul>
            <volist name="ryjp" id="row" offset="0" length='4'>
                <li style="border-top-left-radius: 5px; border-bottom-left-radius: 5px">
                    <a href="__URL__/product?id={$row.id}">
                        <p>
                            <img src="__UPLOAD__/{$row.image}" style="width: 200px;height: 200px">
                        </p>
                        <div class="grid-title">{$row.product_name}</div>
                        <div class="gril-desc">{$row.product_info}</div>
                        <div class="grid-price">{$row.current_price}</div>
                    </a>
                </li>

            </volist>
        </ul>
    </div>
    <div style="clear: left"></div>
    <div class="shou">
        <ul>
            <li>
                <a href="#"><img src="__PUBLIC__/img/v8-1.jpg" width="373" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/6x.jpg" width="373" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="__PUBLIC__/img/手环3.jpg" width="373" alt=""></a>
            </li>
        </ul>
    </div>
</div>
<div class="content2">
    <div class="h">
        <h2>手机
            <span>
                <a href="">荣耀系列</a>
                <a href="">畅玩系列</a>
                <a href="">合约机</a>
            </span>
            <div class="fr">
                <a href="">更多
                    <div class="fr-biao"></div>
                </a>
            </div>
        </h2>
    </div>
    <div class="good-list2">
        <ul>
            <li>
                <a href="">
                    <img src="__PUBLIC__/img/2-1.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
    <div class="shou2">
        <ul>
            <volist name="ryjp" id="row" offset="0" length='4'>
                <li style="margin-bottom: 20px;">
                    <a href="__URL__/product?id={$row.id}">
                        <img src="__UPLOAD__/{$row.image}" width="150" height="150">
                        <div class="b-zhen">
                            <h3>{$row.product_name}</h3>
                            <div>{$row.product_info}</div>
                            <p style="margin-top: 10px;">¥{$row.current_price}</p>
                        </div>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
</div>
<div class="content3">
    <div class="h">
        <h2>智能家居
            <span>
                <a href="">路由器</a>
                <a href="">电视盒子</a>
                <a href="">电力猫</a>
            </span>
            <div class="fr">
                <a href="">更多
                    <div class="fr-biao"></div>
                </a>

            </div>
        </h2>
    </div>
    <div class="good-list3">
        <ul>
            <li>
                <a href="">
                    <div class="www"></div>
                    <img src="__PUBLIC__/img/3-1.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
    <div class="shou3">
        <ul>
            <li class="shou3-left">
                <a href="__URL__/product?id={$row.id}">
                    <img src="__PUBLIC__/img/3-2.png" alt="">

                    <div class="grid-info">
                        <h3>荣耀盒子Pro</h3>
                        <p>￥799</p>
                    </div>
                </a>
            </li>
            <li class="shou3-left">
                <a href="__URL__/product?id={$row4.id}">
                    <img src="__PUBLIC__/img/3-3.jpg" alt="">
                    <img class="ding" src="__PUBLIC__/img/jiayige.png" alt="">
                    <div class="grid-info">
                        <h3>荣耀路由器2</h3>
                        <p>￥249</p>
                    </div>
                </a>
            </li>
            <volist name="ryjp4" id="row4" offset="0" length="3">
                <li class="shou3-bottom" style="margin-top: 20px">
                    <a href="__URL__/product?id={$row4.id}">
                        <img src="__UPLOAD__/{$row4.image}" width="150" height="150">
                        <div class="grid-title">{$row4.product_name}</div>
                        <div class="gril-desc">{$row4.product_info}</div>
                        <div class="grid-price">￥{$row4.current_price}</div>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
</div>
<div class="content3">
    <div class="h">
        <h2>热销配件
            <span>
                <a href="">贴膜</a>
                <a href="">保护壳</a>
                <a href="">保护套</a>
                <a href="">盒子专属配件</a>
                <a href="">表带</a>
                <a href="">耳机</a>
                <a href="">音箱</a>
                <a href="">电源/充电器/线材</a>
                <a href="">自拍杆</a>
            </span>
            <div class="fr">
                <a href="__URL__/list_fit">更多
                    <div class="fr-biao"></div>
                </a>

            </div>
        </h2>
    </div>
    <div class="good-list3">
        <ul>
            <li>
                <a href="">
                    <div class="www"></div>
                    <img src="__PUBLIC__/img/4-1.jpg" alt="">
                </a>
            </li>
        </ul>
    </div>
    <div class="shou3">
        <ul>
            <li class="shou3-left">
                <a href="">
                    <img src="__PUBLIC__/img/4-2.jpg">
                    <div class="grid-info">
                        <h3>荣耀脂肪称</h3>
                        <p>￥199</p>
                    </div>
                </a>
            </li>
            <li class="shou3-left">
                <a href="">
                    <img src="__PUBLIC__/img/4-3.jpg" alt="">
                    <img class="ding" src="__PUBLIC__/img/jiayige.png">
                    <div class="grid-info">
                        <h3>荣耀探空精灵</h3>
                        <p>￥599</p>
                    </div>
                </a>
            </li>
            <volist name="ryjp5" id="row5" offset="0" length='7'>
                <li class="shou3-bottom" style="margin-top: 20px">
                    <a href="__URL__/product?id={$row5.id}">
                        <img src="__UPLOAD__/{$row5.image}" width="150" height="150">
                        <div class="grid-title">{$row5.product_name}</div>
                        <div class="gril-desc">{$row5.product_info}</div>
                        <div class="grid-price">{$row5.current_price}</div>
                    </a>
                </li>
            </volist>
        </ul>
    </div>
</div>
